﻿<!DOCTYPE html>
<html>
  <head>
    <title>气泡卡片 Poptip</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=1440, user-scalable=no"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/气泡卡片_poptip/styles.css" type="text/css" rel="stylesheet"/>
    <link href="http://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/气泡卡片_poptip/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (元件标题) -->

      <!-- 背景 (Dynamic Panel) -->
      <div id="u11238" class="ax_default" data-label="背景">
        <div id="u11238_state0" class="panel_state" data-label="State1" style="">
          <div id="u11238_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- 线条 (Dynamic Panel) -->
      <div id="u11239" class="ax_default" data-label="线条">
        <div id="u11239_state0" class="panel_state" data-label="State1" style="">
          <div id="u11239_state0_content" class="panel_state_content">
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11240" class="ax_default _默认样式">
        <div id="u11240_div" class=""></div>
        <div id="u11240_text" class="text ">
          <p><span style="font-family:'FontAwesome Bold', 'FontAwesome Regular', 'FontAwesome';"></span><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';"> 元件标题</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11241" class="ax_default _默认样式">
        <div id="u11241_div" class=""></div>
        <div id="u11241_text" class="text ">
          <p><span style="font-family:'FontAwesome';font-weight:400;"></span><span style="font-family:'微软雅黑';font-weight:400;"> </span><span style="font-family:'FontAwesome';font-weight:400;">作品首页</span></p>
        </div>
      </div>

      <!-- Unnamed (版权信息) -->

      <!-- Unnamed (Rectangle) -->
      <div id="u11243" class="ax_default _默认样式">
        <img id="u11243_img" class="img " src="images/___icons/u605.png"/>
        <div id="u11243_text" class="text ">
          <p><span>Copyright © </span><a id="u11244" class="link"><span>http://t.cn/EPh287q</span></a><span>, All Rights Reserved.</span></p><p><span>打造高保真原型，快人一步</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u11245" class="ax_default" data-left="20" data-top="100" data-width="1100" data-height="90">

        <!-- Unnamed (Rectangle) -->
        <div id="u11246" class="ax_default _默认样式">
          <div id="u11246_div" class=""></div>
          <div id="u11246_text" class="text ">
            <p style="font-size:14px;"><span style="font-family:'微软雅黑 Bold', '微软雅黑 Regular', '微软雅黑';font-weight:700;">使用说明</span></p><p style="font-size:12px;"><span style="font-family:'微软雅黑';font-weight:400;">点击鼠标或移入元素，弹出气泡式的卡片浮层。气泡卡片和气泡提示的区别是，用户可以对浮层上的元素进行操作，因此它可以承载更复杂的内容，比如链接或按钮等。</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u11247" class="ax_default _默认样式">
          <div id="u11247_div" class=""></div>
          <div id="u11247_text" class="text ">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11248" class="ax_default _默认样式">
        <div id="u11248_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11249" class="ax_default _默认样式">
        <div id="u11249_div" class=""></div>
        <div id="u11249_text" class="text ">
          <p><span>箭头向下气泡卡片 </span></p>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11250" class="ax_default" data-label="气泡卡片">
        <div id="u11250_state0" class="panel_state" data-label="State1" style="">
          <div id="u11250_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11251" class="ax_default _默认样式">
              <img id="u11251_img" class="img " src="images/气泡卡片_poptip/u11251.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11252" class="ax_default _默认样式">
              <div id="u11252_div" class=""></div>
              <div id="u11252_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11253" class="ax_default _默认样式">
              <div id="u11253_div" class=""></div>
              <div id="u11253_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11254" class="ax_default _默认样式">
              <div id="u11254_div" class=""></div>
              <div id="u11254_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11255" class="ax_default _默认样式">
              <div id="u11255_div" class=""></div>
              <div id="u11255_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11256" class="ax_default" data-label="气泡卡片">
        <div id="u11256_state0" class="panel_state" data-label="State1" style="">
          <div id="u11256_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11257" class="ax_default _默认样式">
              <img id="u11257_img" class="img " src="images/气泡卡片_poptip/u11257.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11258" class="ax_default _默认样式">
              <div id="u11258_div" class=""></div>
              <div id="u11258_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11259" class="ax_default _默认样式">
              <div id="u11259_div" class=""></div>
              <div id="u11259_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11260" class="ax_default _默认样式">
              <div id="u11260_div" class=""></div>
              <div id="u11260_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11261" class="ax_default _默认样式">
              <div id="u11261_div" class=""></div>
              <div id="u11261_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11262" class="ax_default" data-label="气泡卡片">
        <div id="u11262_state0" class="panel_state" data-label="State1" style="">
          <div id="u11262_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11263" class="ax_default _默认样式">
              <img id="u11263_img" class="img " src="images/气泡卡片_poptip/u11263.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11264" class="ax_default _默认样式">
              <div id="u11264_div" class=""></div>
              <div id="u11264_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11265" class="ax_default _默认样式">
              <div id="u11265_div" class=""></div>
              <div id="u11265_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11266" class="ax_default _默认样式">
              <div id="u11266_div" class=""></div>
              <div id="u11266_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11267" class="ax_default _默认样式">
              <div id="u11267_div" class=""></div>
              <div id="u11267_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11268" class="ax_default" data-label="气泡卡片">
        <div id="u11268_state0" class="panel_state" data-label="State1" style="">
          <div id="u11268_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11269" class="ax_default _默认样式">
              <img id="u11269_img" class="img " src="images/气泡卡片_poptip/u11269.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11270" class="ax_default _默认样式">
              <div id="u11270_div" class=""></div>
              <div id="u11270_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11271" class="ax_default _默认样式">
              <div id="u11271_div" class=""></div>
              <div id="u11271_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11272" class="ax_default _默认样式">
              <div id="u11272_div" class=""></div>
              <div id="u11272_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11273" class="ax_default _默认样式">
              <div id="u11273_div" class=""></div>
              <div id="u11273_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11274" class="ax_default _默认样式">
        <div id="u11274_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11275" class="ax_default _默认样式">
        <div id="u11275_div" class=""></div>
        <div id="u11275_text" class="text ">
          <p><span>箭头向上气泡卡片 </span></p>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11276" class="ax_default" data-label="气泡卡片">
        <div id="u11276_state0" class="panel_state" data-label="State1" style="">
          <div id="u11276_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11277" class="ax_default _默认样式">
              <img id="u11277_img" class="img " src="images/气泡卡片_poptip/u11277.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11278" class="ax_default _默认样式">
              <div id="u11278_div" class=""></div>
              <div id="u11278_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11279" class="ax_default _默认样式">
              <div id="u11279_div" class=""></div>
              <div id="u11279_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11280" class="ax_default _默认样式">
              <div id="u11280_div" class=""></div>
              <div id="u11280_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11281" class="ax_default _默认样式">
              <div id="u11281_div" class=""></div>
              <div id="u11281_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11282" class="ax_default" data-label="气泡卡片">
        <div id="u11282_state0" class="panel_state" data-label="State1" style="">
          <div id="u11282_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11283" class="ax_default _默认样式">
              <img id="u11283_img" class="img " src="images/气泡卡片_poptip/u11257.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11284" class="ax_default _默认样式">
              <div id="u11284_div" class=""></div>
              <div id="u11284_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11285" class="ax_default _默认样式">
              <div id="u11285_div" class=""></div>
              <div id="u11285_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11286" class="ax_default _默认样式">
              <div id="u11286_div" class=""></div>
              <div id="u11286_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11287" class="ax_default _默认样式">
              <div id="u11287_div" class=""></div>
              <div id="u11287_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11288" class="ax_default" data-label="气泡卡片">
        <div id="u11288_state0" class="panel_state" data-label="State1" style="">
          <div id="u11288_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11289" class="ax_default _默认样式">
              <img id="u11289_img" class="img " src="images/气泡卡片_poptip/u11263.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11290" class="ax_default _默认样式">
              <div id="u11290_div" class=""></div>
              <div id="u11290_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11291" class="ax_default _默认样式">
              <div id="u11291_div" class=""></div>
              <div id="u11291_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11292" class="ax_default _默认样式">
              <div id="u11292_div" class=""></div>
              <div id="u11292_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11293" class="ax_default _默认样式">
              <div id="u11293_div" class=""></div>
              <div id="u11293_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11294" class="ax_default" data-label="气泡卡片">
        <div id="u11294_state0" class="panel_state" data-label="State1" style="">
          <div id="u11294_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11295" class="ax_default _默认样式">
              <img id="u11295_img" class="img " src="images/气泡卡片_poptip/u11295.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11296" class="ax_default _默认样式">
              <div id="u11296_div" class=""></div>
              <div id="u11296_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11297" class="ax_default _默认样式">
              <div id="u11297_div" class=""></div>
              <div id="u11297_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11298" class="ax_default _默认样式">
              <div id="u11298_div" class=""></div>
              <div id="u11298_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11299" class="ax_default _默认样式">
              <div id="u11299_div" class=""></div>
              <div id="u11299_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11300" class="ax_default _默认样式">
        <div id="u11300_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11301" class="ax_default _默认样式">
        <div id="u11301_div" class=""></div>
        <div id="u11301_text" class="text ">
          <p><span>箭头向左气泡卡片 </span></p>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11302" class="ax_default" data-label="气泡卡片">
        <div id="u11302_state0" class="panel_state" data-label="State1" style="">
          <div id="u11302_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11303" class="ax_default _默认样式">
              <img id="u11303_img" class="img " src="images/气泡卡片_poptip/u11303.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11304" class="ax_default _默认样式">
              <div id="u11304_div" class=""></div>
              <div id="u11304_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11305" class="ax_default _默认样式">
              <div id="u11305_div" class=""></div>
              <div id="u11305_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11306" class="ax_default _默认样式">
              <div id="u11306_div" class=""></div>
              <div id="u11306_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11307" class="ax_default _默认样式">
              <div id="u11307_div" class=""></div>
              <div id="u11307_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11308" class="ax_default" data-label="气泡卡片">
        <div id="u11308_state0" class="panel_state" data-label="State1" style="">
          <div id="u11308_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11309" class="ax_default _默认样式">
              <img id="u11309_img" class="img " src="images/气泡卡片_poptip/u11309.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11310" class="ax_default _默认样式">
              <div id="u11310_div" class=""></div>
              <div id="u11310_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11311" class="ax_default _默认样式">
              <div id="u11311_div" class=""></div>
              <div id="u11311_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11312" class="ax_default _默认样式">
              <div id="u11312_div" class=""></div>
              <div id="u11312_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11313" class="ax_default _默认样式">
              <div id="u11313_div" class=""></div>
              <div id="u11313_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11314" class="ax_default" data-label="气泡卡片">
        <div id="u11314_state0" class="panel_state" data-label="State1" style="">
          <div id="u11314_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11315" class="ax_default _默认样式">
              <img id="u11315_img" class="img " src="images/气泡卡片_poptip/u11315.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11316" class="ax_default _默认样式">
              <div id="u11316_div" class=""></div>
              <div id="u11316_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11317" class="ax_default _默认样式">
              <div id="u11317_div" class=""></div>
              <div id="u11317_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11318" class="ax_default _默认样式">
              <div id="u11318_div" class=""></div>
              <div id="u11318_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11319" class="ax_default _默认样式">
              <div id="u11319_div" class=""></div>
              <div id="u11319_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11320" class="ax_default" data-label="气泡卡片">
        <div id="u11320_state0" class="panel_state" data-label="State1" style="">
          <div id="u11320_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11321" class="ax_default _默认样式">
              <img id="u11321_img" class="img " src="images/气泡卡片_poptip/u11321.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11322" class="ax_default _默认样式">
              <div id="u11322_div" class=""></div>
              <div id="u11322_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11323" class="ax_default _默认样式">
              <div id="u11323_div" class=""></div>
              <div id="u11323_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11324" class="ax_default _默认样式">
              <div id="u11324_div" class=""></div>
              <div id="u11324_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11325" class="ax_default _默认样式">
              <div id="u11325_div" class=""></div>
              <div id="u11325_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11326" class="ax_default _默认样式">
        <div id="u11326_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11327" class="ax_default _默认样式">
        <div id="u11327_div" class=""></div>
        <div id="u11327_text" class="text ">
          <p><span>箭头向右气泡卡片 </span></p>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11328" class="ax_default" data-label="气泡卡片">
        <div id="u11328_state0" class="panel_state" data-label="State1" style="">
          <div id="u11328_state0_content" class="panel_state_content">

            <!-- Unnamed (Shape) -->
            <div id="u11329" class="ax_default _默认样式">
              <img id="u11329_img" class="img " src="images/气泡卡片_poptip/u11329.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11330" class="ax_default _默认样式">
              <div id="u11330_div" class=""></div>
              <div id="u11330_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11331" class="ax_default _默认样式">
              <div id="u11331_div" class=""></div>
              <div id="u11331_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11332" class="ax_default _默认样式">
              <div id="u11332_div" class=""></div>
              <div id="u11332_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11333" class="ax_default _默认样式">
              <div id="u11333_div" class=""></div>
              <div id="u11333_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11334" class="ax_default" data-label="气泡卡片">
        <div id="u11334_state0" class="panel_state" data-label="State1" style="">
          <div id="u11334_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11335" class="ax_default _默认样式">
              <img id="u11335_img" class="img " src="images/气泡卡片_poptip/u11309.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11336" class="ax_default _默认样式">
              <div id="u11336_div" class=""></div>
              <div id="u11336_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11337" class="ax_default _默认样式">
              <div id="u11337_div" class=""></div>
              <div id="u11337_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11338" class="ax_default _默认样式">
              <div id="u11338_div" class=""></div>
              <div id="u11338_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11339" class="ax_default _默认样式">
              <div id="u11339_div" class=""></div>
              <div id="u11339_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11340" class="ax_default" data-label="气泡卡片">
        <div id="u11340_state0" class="panel_state" data-label="State1" style="">
          <div id="u11340_state0_content" class="panel_state_content">

            <!-- Unnamed (Shape) -->
            <div id="u11341" class="ax_default _默认样式">
              <img id="u11341_img" class="img " src="images/气泡卡片_poptip/u11341.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11342" class="ax_default _默认样式">
              <div id="u11342_div" class=""></div>
              <div id="u11342_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11343" class="ax_default _默认样式">
              <div id="u11343_div" class=""></div>
              <div id="u11343_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11344" class="ax_default _默认样式">
              <div id="u11344_div" class=""></div>
              <div id="u11344_text" class="text ">
                <p><span></span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11345" class="ax_default _默认样式">
              <div id="u11345_div" class=""></div>
              <div id="u11345_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Dynamic Panel) -->
      <div id="u11346" class="ax_default" data-label="气泡卡片">
        <div id="u11346_state0" class="panel_state" data-label="State1" style="">
          <div id="u11346_state0_content" class="panel_state_content">

            <!-- Unnamed (Speech Bubble) -->
            <div id="u11347" class="ax_default _默认样式">
              <img id="u11347_img" class="img " src="images/气泡卡片_poptip/u11321.png"/>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11348" class="ax_default _默认样式">
              <div id="u11348_div" class=""></div>
              <div id="u11348_text" class="text ">
                <p><span>气泡卡片标题</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11349" class="ax_default _默认样式">
              <div id="u11349_div" class=""></div>
              <div id="u11349_text" class="text ">
                <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11350" class="ax_default _默认样式">
              <div id="u11350_div" class=""></div>
              <div id="u11350_text" class="text ">
                <p><span>确定</span></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u11351" class="ax_default _默认样式">
              <div id="u11351_div" class=""></div>
              <div id="u11351_text" class="text ">
                <p><span></span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11352" class="ax_default _默认样式">
        <div id="u11352_div" class=""></div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u11353" class="ax_default _默认样式">
        <div id="u11353_div" class=""></div>
        <div id="u11353_text" class="text ">
          <p><span>气泡卡片使用示例</span></p>
        </div>
      </div>

      <!-- 气泡卡片 (Group) -->
      <div id="u11354" class="ax_default" data-label="气泡卡片" data-left="436" data-top="1634" data-width="120" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u11355" class="ax_default _默认样式">
          <div id="u11355_div" class=""></div>
          <div id="u11355_text" class="text ">
            <p><span>点击显示</span></p>
          </div>
        </div>

        <!-- 气泡卡片1 (Dynamic Panel) -->
        <div id="u11356" class="ax_default ax_default_hidden" data-label="气泡卡片1" style="display:none; visibility: hidden">
          <div id="u11356_state0" class="panel_state" data-label="State1" style="">
            <div id="u11356_state0_content" class="panel_state_content">

              <!-- Unnamed (Speech Bubble) -->
              <div id="u11357" class="ax_default _默认样式">
                <img id="u11357_img" class="img " src="images/气泡卡片_poptip/u11269.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11358" class="ax_default _默认样式">
                <div id="u11358_div" class=""></div>
                <div id="u11358_text" class="text ">
                  <p><span>气泡卡片标题</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11359" class="ax_default _默认样式">
                <div id="u11359_div" class=""></div>
                <div id="u11359_text" class="text ">
                  <p><span>气泡卡片标题它可以承载更复杂的内容，比如链接或按钮等。</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11360" class="ax_default _默认样式">
                <div id="u11360_div" class=""></div>
                <div id="u11360_text" class="text ">
                  <p><span>确定</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11361" class="ax_default _默认样式">
                <div id="u11361_div" class=""></div>
                <div id="u11361_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- 气泡卡片 (Group) -->
      <div id="u11362" class="ax_default" data-label="气泡卡片" data-left="579" data-top="1634" data-width="120" data-height="40">

        <!-- Unnamed (Rectangle) -->
        <div id="u11363" class="ax_default _默认样式">
          <div id="u11363_div" class=""></div>
          <div id="u11363_text" class="text ">
            <p><span>移入显示</span></p>
          </div>
        </div>

        <!-- 气泡卡片2 (Dynamic Panel) -->
        <div id="u11364" class="ax_default ax_default_hidden" data-label="气泡卡片2" style="display:none; visibility: hidden">
          <div id="u11364_state0" class="panel_state" data-label="State1" style="">
            <div id="u11364_state0_content" class="panel_state_content">

              <!-- Unnamed (Speech Bubble) -->
              <div id="u11365" class="ax_default _默认样式">
                <img id="u11365_img" class="img " src="images/气泡卡片_poptip/u11309.png"/>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11366" class="ax_default _默认样式">
                <div id="u11366_div" class=""></div>
                <div id="u11366_text" class="text ">
                  <p><span>修改备注信息</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11367" class="ax_default _默认样式">
                <div id="u11367_div" class=""></div>
                <div id="u11367_text" class="text ">
                  <p><span></span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11368" class="ax_default _默认样式">
                <div id="u11368_div" class=""></div>
                <div id="u11368_text" class="text ">
                  <p><span>输入备注信息</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11369" class="ax_default _默认样式">
                <div id="u11369_div" class=""></div>
                <div id="u11369_text" class="text ">
                  <p><span>取消</span></p>
                </div>
              </div>

              <!-- Unnamed (Rectangle) -->
              <div id="u11370" class="ax_default _默认样式">
                <div id="u11370_div" class=""></div>
                <div id="u11370_text" class="text ">
                  <p><span>确定</span></p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>
